
@charset "UTF-8";
:root{
    --color:#222222;
    --colordes:#777777;
    --theme:#2C5AEE;
    --theme2:#222222;
    --themeopacity:#EEF2FE;
    --themebg:#F5F7F9;
    --bg:#fff;
    --fonth1:.48rem;
    --fontbt:.4267rem;
    --font:.3733rem;
    --fontsmall:.2933rem;
}
/* 初始化*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
th, tr, td, tbody { margin: 0; padding: 0; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font:   Helvetica Regular, Microsoft YaHei, sans-serif, Tahoma; color: var(--color); background: var(--themebg); font-size: var(--font);}
input { outline: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: var(--color); font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }
a:hover { text-decoration: none; }
img { border: none; -ms-interpolation-mode: bicubic; }
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.hide { display: none; }
.clear:before, .clear:after { content: ''; display: block; clear: both; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }
.common { min-height: calc(100vh - 4.5rem); position: relative; padding-bottom: 1.3067rem; background: #fff; }
 
 
.bodyhidden{
    overflow: hidden;
    height: 100vh;
}
.bodyhidden2{
    overflow: hidden;
    height: 100vh;
}
.img{
    overflow: hidden;
    img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.icon{
    width: .4267rem;
    height: .4267rem;
}
#warphtml{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    main{
        flex: 1;
        overflow: hidden;
        width: 100%;
    }
    &.noscroll{
        height: 100vh;
        overflow: hidden;
    }
    &.noscroll2{
        height: 100vh;
        overflow: hidden;
    }
    &.backhtml{
        height: 100vh;
        background: #fff;
        main{
            overflow-y: auto;
        }
    }
}
header{
    background: var(--bg);
    padding: .3733rem .4267rem;
    position: relative;
    z-index: 12;
    .header-top{
        display: flex;
        overflow: hidden;
        align-items: center;
        .logo{
            height: auto;
            flex: 1;
            img{
                width: 3.04rem;
                height: auto;
            }
        }
        .search{
            width: 3.2rem;
            height: .9067rem;
            background: var(--themebg);  
            border-radius: .9067rem;
            box-sizing: border-box;
            padding: 0 .32rem;
            display: flex;
            align-items: center;
            color: var(--colordes);
            .icon{
                fill: var(--colordes);
            }
            .text{
                flex: 1;
                overflow: hidden;
                padding-left: .2133rem;
                .input{
                    width: 100%;
                    border:none;
                    background: none;
                    font-size: .3467rem;
                    height: .9067rem;
                    line-height: .9067rem;
                }
            }

        }
        .icon-tab{
            width: .5333rem;
            height: .5333rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: .5rem;
            i{
                background: url("../images/icon-open.png") no-repeat center;
                width: .4267rem;
                height: .4267rem;
                background-size: 100% auto;
                display: block;
            }
            &.active{
                i{
                    background-image: url("../images/icon-close.png");  
                }
            }
        }
    }
    .navlist{
        top:1.6533rem;
        height: calc(100vh - 1.6533rem);
        z-index: 1000;
        ul{
            margin-top: 0;
        }
    }
    .header-search{
        display: flex;
        height: .9067rem;
        align-items: center;
        .back{
            padding-right: .32rem;
            .icon{
                width: .5067rem;
                height: .5067rem;
                fill: #222;
            }
        }
        .search{
            flex: 1;
            overflow: hidden;
            display: flex;
            height: 100%;
            align-items: center;
            .text{
                flex: 1;
                overflow: hidden;
                border-radius:  1.3333rem;
                height: 100%;
                box-sizing: border-box;
                border: .04rem solid #222222;
               .input{
                width: 100%;
                padding: 0 .32rem;
                box-sizing: border-box;
                height: 100%;
                background: none;
                border-radius:  1.3333rem;
                border:none;
                font-size: .3467rem;
               } 
               input[type=search]::-webkit-search-cancel-button{
                -webkit-appearance: none;
                background: url("../images/close.png") no-repeat center;
                width: .44rem;
                height: .44rem;
                background-size: 100% auto;
               }
            }
            .buttom{
                background: none;
                border:none;
                user-select: none;
                outline: none;
                font-size: .3467rem;
                padding-left: .4267rem;
                height: 100%;
            }

        }

    }
  
}
main{
    position: relative;
    background: var(--bg);
    padding-bottom: 1px;
}
.indexmain{
    background: var(--themebg);
    .Minbox1 ,.Minbox2{
        .list {
            padding: 0;
            .box {
                padding: .32rem;
                border-radius: .2133rem;
              }
        }
    }
    .Minbox3 .list{
        padding: .32rem;
    }
    .Minbox1 .list .box{
        border:none;
    }
    .Minbox .title{
        padding-bottom:.4267rem ;
    }
    .Minbox2 .list .box::after{
         display: none;
    }
    .morebtn{
        background: var(--bg);
    }
}
footer{
    padding: .4267rem;
    p{
        text-align: center;
        color: #aaa;
        font-size: .32rem;
        line-height: .5333rem;
        a{
            color: #aaa;

        }
    }
}
 
.navlist{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 10;
   
    height: 100%;
    box-sizing: border-box;
    .bj{
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0px;
      background: rgba(0,0,0,0.6);
      transition: all 0.2s linear;
    }
    ul{
      margin-top:3.0667rem;
      position: relative;
      z-index: 1;
      background: #fff;
      padding: 0 .32rem .32rem;
      border-radius: 0 0 .32rem .32rem;
      display: none;
      box-sizing: border-box;
      max-height: 80%;
      overflow-y: auto;
      top: -1px;
      li{
          height: 1.1733rem;
          line-height: 1.1733rem;
          border-radius: .2133rem;
          a{
              display: block;
              width: 100%;
              height: 100%;
              cursor: pointer;
              padding:0 .32rem ;
              box-sizing: border-box;
          }
          &.active,&:active{
              background: var(--themebg);
              color:var(--theme);
              a{
                  color:var(--theme);
              }
          }
      }
    }
}
.nav-top{
    background: var(--themebg);
   
    z-index: 11;
    &.show{
        background: var(--bg);
        position: relative;
        .title{
            position: relative;
            z-index: 11;
            background: var(--bg);
        }
    }
   
}
.title{
    height: .56rem;
    line-height: .56rem;
    padding:.4267rem;
    display: flex;
    .bt{
        font-size: var(--fontbt);
        font-weight: bold;
        flex: 1;
        overflow: hidden;
        h2{
            font-weight: bold;   
            font-size: var(--fontbt);
        }
        span{
            color: var(--colordes);
            font-weight: normal;
            font-size: .32rem;
        }
    }
    .more{
        font-size: .32rem;
        color: var(--colordes);
        user-select: none;
        &::after{
            content: '';
            display: inline-block;
            vertical-align: middle;
            border-left: .1333rem solid transparent;
            border-right: .1333rem solid transparent;
            border-top: .16rem solid var(--colordes);
            border-radius: .04rem;
            margin: -0.0267rem  .05rem 0 ;
        }
        &.active,&:active{
            color: var(--theme);
            &::after{
                border-top: none;
                border-bottom: .16rem solid var(--theme);
            }
        }
    }
    .bt2{
       flex: 1; 
       text-align: center;
       font-size: .4rem;
       font-weight: normal;
       color: var(--colordes);
       h2{
        font-size: .4rem;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        &::before,&::after{
            display: inline-block;
            vertical-align: middle;
            background:var(--colordes);
            width: .4rem;
            height: .02rem;
            content: '';
            margin: -0.0267rem .2rem 0;
        }
       }
    }
    .more2{
        font-size: .32rem;
        color: #aaa;
        user-select: none;
         &:active{
            color: var(--theme);
        }
    }
}
.title-tips{
    height: .3733rem;
    line-height: .3733rem;
    padding: .2133rem .4267rem;
    color: var(--colordes);
    font-size: .32rem;
}
.warp404{
    width: 100%;
    background: var(--bg);
    height: 78vh;
    position: relative;
    top: 0px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    img{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }
}
.pages{
    padding:.32rem ;
    .pagination{
        text-align: center;
        font-size: 0px;
        li{
            display: inline-block;
            vertical-align: middle;
            font-size: .3467rem;
            height: .88rem;
            line-height: .88rem;
            margin: 0 .1067rem;
            padding: .1067rem 0;
            span,a{
                display: block;
                height: 100%;
                padding: 0 .32rem;
                border-radius: .16rem;
                background: var(--themebg);
                color: var(--color);
               
            }
            &:active,&.active{
              a{
                background: var(--theme2);
                color: #fff;
              }
            }
            &.disabled{
                 opacity: 0.8; 
            }
        }

    }
}
.morebtn{
    height: 1.0667rem;
    border-radius: .2133rem; 
    display: block;
    line-height: 1.0667rem;
    text-align: center;
    color: var(--colordes);
    background: var(--themebg);
    margin: .2133rem 0;
    &.active,&:active{
        background: var(--theme);
        color: #fff;
    }
   

}
.Minbox{
    padding: 0 .2133rem;
    .title{
       padding: .4267rem .2133rem; 
       padding-bottom: 0px;
    }
    .morebtn{
        // margin-bottom: 0px;
    }
}
.Minbox1{
    .list{
        padding: 0 .2133rem;
        .box{
            display: flex;
            overflow: hidden;
            background: var(--bg);
            padding: .32rem 0;
            margin-bottom: .2133rem;
            border-bottom: 1px solid #ECECEC;
            .img{
                width: 2.6933rem;
                height: 1.9467rem;
                position: relative;
                margin-right: .4267rem;
                img{
                    border-radius: .2133rem;
                }
               
            }
            &.hot{
                .img::after, & > .infor:nth-child(1) .bt::before{
                    content: '热';
                    width: .4533rem;
                    height: .4533rem;
                    background: #FF3030;
                    border-radius:  .1067rem;
                    color: #fff;
                    line-height:.4533rem;
                    text-align: center;
                    font-size: .2667rem;
                }
                .img{
                    &::after{
                        position: absolute;
                        top: 0px;
                        left: 0;
                        display: block;
                        margin: 0;
                    }
                }
                & > .infor:nth-child(1) .bt{
                    &::before{
                       
                        display: inline-block;
                        vertical-align: middle;
                        margin: -0.07rem .1rem 0 0;
                    }
                }
              
               
            }
            .infor{
                flex: 1;
                overflow: hidden;
                .bt{
                    line-height: .5333rem;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    word-break: break-all;
                }
                .bq{
                    padding-top: .32rem;
                    height: .56rem;
                    line-height: .56rem;
                    display: flex;
                    font-size: var(--fontsmall);
                    color: var(--colordes);
                    .flex1{
                        flex: 1;
                        overflow: hidden;
                    }
                    .tab{
                       padding: 0 .16rem; 
                       height: .56rem;
                       color: var(--theme);
                       background: var(--themeopacity);
                       display: block;
                       float: left;
                       border-radius: .1067rem;
                       margin-right: .1333rem;
                    }
                }
            }
            font{
                color:#FF3030 ;
            }
            &:last-child{
                margin-bottom: 0px;
                border:none;
            }
        }
    }
}
.Minbox2{
    .list{
        padding:  0 .2133rem;
        .box{
            display: flex;
            overflow: hidden;
            background: var(--bg);
            padding: .32rem 0;
            margin-bottom: .2133rem;
            align-items: center;
            position: relative;
            .img{
                width: 1.7333rem;
                height: 1.7333rem;
                border-radius:   .32rem; 
                margin-right: .4267rem;
            }
            .infor{
                flex: 1;
                overflow: hidden;
            }
            .bt{
                height: .5333rem;
                line-height: .5333rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: block;
                padding-bottom: .16rem;
            }
            span{
               font-size: var(--fontsmall);
               height: .4rem;
               line-height: .4rem;
               color: #aaa;
               width: 100%;
               overflow: hidden;
               display: block;
            }
            p{
               height: .3467rem; 
               line-height: .3467rem;
               padding-top: .16rem;
               color: var(--colordes);
               font-size: .2933rem;
               overflow: hidden;
            }
            .btn{
                width: 1.4133rem;
                height: .7733rem;
                background: var(--theme);
                color: #fff;
                line-height: .7733rem;
                text-align: center;
                display: block;
                border-radius:  .16rem;  
                font-size: .32rem;
                margin-left: .1333rem;
            }
            &:last-child{
                margin-bottom: 0px;
                &::after{
                    display: none;
                }
            }
            &::after{
                width: calc(100% - 2.16rem);
                position: absolute;
                right: 0;
                bottom: 0;
                height: 1px;
                background: #ECECEC;
                content: '';
            }
        }
    }
}
.Minbox3{
      .list{
        overflow: hidden;
        background: var(--bg);
        padding: .32rem .2133rem;
        border-radius: .2133rem;
        .grid{
            display: grid;
            grid-template-columns: repeat(4,1fr);
            column-gap: .6667rem;
            width: 100%;
        }
        .box{
            display: block;
            padding: .0533rem 0;
            width: 1.7333rem;
            .img{
                width: 100%;
                height: 1.7333rem;
                border-radius: .32rem;
            }
            p{
                width: 100%;
                text-align: center;
                font-size: .3467rem;
                padding-top: .2133rem;
                height: .5333rem;
                line-height: .5333rem;
                overflow: hidden;
            }
        }
      }
}
.Minbox4{
    .list{
        padding: .4267rem .2133rem 0;
        li{
           
            padding-left: .5333rem;
            margin-left: .1067rem;
            padding-bottom: .2133rem;
            position: relative;
            &:last-child,&.last{
                border-left-color:transparent ;
                i{
                    &::after{
                        display: none;
                    }
                }
            }
            i{
                width: .1867rem;
                position: absolute;
                height: 100%;
                display: flex;
                top: .4267rem;
                left: 0;
                flex-direction: column;
                align-items: center;
                &::before{
                    width: .1867rem;
                    height: .1867rem;
                    background: var(--theme); 
                    border-radius: 50%;
                    display: block;
                    position: relative;
                    content: '';
                    z-index: 1;

                }
                &::after{
                    border-left: .0133rem dashed #aaa;
                    content: '';
                    display: block;
                    flex: 1;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    margin-left: -.0133rem;
                    height: 100%;
                }
                
            }
            .text{
                background: var(--themebg);
                padding: .32rem;
                border-radius:.2133rem;
            }
            .time{
                color: var(--colordes);
                line-height: .3467rem;
                height: .3467rem;
                font-size: .2933rem;
            }
            p{
                line-height: .48rem;
                font-size: .3467rem;
                word-break: break-all;
                padding-top: .2133rem;
            }
        }
    }
    .more{
        color: var(--theme);
        font-size: .3467rem;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: .5067rem;
        padding-bottom: .4267rem;
        .icon{
            width: .3333rem;
            height: .3rem;
            fill: var(--theme);
        }
        &.on{
            .icon{
                transform: rotate(180deg);
            }
        }

    }
}
.Minbox5{
    .list{
        padding: .32rem .2133rem;
        ul{
            padding:0.133rem .32rem;
            background: var(--themebg);
            border-radius: .2133rem;
            font-size: .32rem;
            li{
                border-bottom: 1px solid #ECECEC;
                display: flex;
                line-height: .9333rem;
                height: .9333rem;
                overflow: hidden;
                p{
                    flex: 1;
                    overflow: hidden;
                    text-align: right;
                    color: var(--colordes);
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    padding-left: .1333rem;
                }
                .gPower ,.gSecret{
                    .icon{
                        transform: rotate(-90deg);
                        fill: var(--theme);
                    }
                }
            }
        }
    }
}
.so_list{
    height: 100%;
    .list{
        padding:  0 .2133rem;
        &.scroll{
            overflow: scroll;
            height: 77vh;
        }
        .box{
            height: .96rem;
            line-height: .96rem;
            border-radius: .2133rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: .16rem;
            width: 100%;
            display: block;
            span{
                display:inline-block;
                vertical-align: middle;
                text-align: center;
                width: .9067rem;
                color: #aaa;
                font-weight: bold;
                overflow: hidden;
                margin-top: -0.0267rem;
            }
            &:nth-of-type(1){
                background: linear-gradient(80deg,rgba(255, 48, 48, 0.07) 0,#fff 20%,#fff 100%);
                span{color: rgba(255, 48, 48, 1);}
            }
            &:nth-of-type(2){
                background: linear-gradient(80deg,rgba(255, 149, 36, 0.1) 0,#fff 20%,#fff 100%);
                span{color: rgba(255, 149, 36, 1)}
            }
            &:nth-of-type(3){
                background: linear-gradient(80deg,rgba(255, 229, 0, 0.1) 0,#fff 20%,#fff 100%);
                span{color: rgba(255, 229, 0, 1)}
            }

        }
    }
    
}
.swipernav{
    background: var(--bg);
    border-bottom: 1px solid #ECECEC;
    height: 1.3333rem;
    line-height: 1.3333rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .2133rem;
    .swiper-slide{
        font-size: .4rem;
        text-align: center;
        width: auto;
        margin-right: .35rem;
        a{
            color: #aaa;
            display: block;
            position: relative;
            padding: 0 .2133rem;
            &::after{
                width: .3733rem;
                height: .1067rem;
                background: var(--theme);
                border-radius:   .1333rem;
                position: absolute;
                left: 50%;
                margin-left: -0.1867rem;
                bottom: .16rem;
                content: '';
                display: none;
            }
        }
    }
    .active{
        a{
            color: var(--color);
            &::after{
                display: block;
            }
        }
    }

}
.cuber{
    padding: .32rem 0;
    margin: 0 .4267rem;
    border-bottom: 1px solid #ECECEC;
    font-size: .32rem;
    color: var(--colordes);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    a{
        color: var(--colordes); 
    }
    span{
        font-family: serif;
        padding: 0 .1333rem;
    }
}
.infortop{
    padding: .32rem .4267rem;
    overflow: hidden;
    .h1{
        font-size: .48rem;
        line-height: .6933rem;
    }
    .bq{
        padding-top: .32rem;
        line-height: .3733rem;
        overflow: hidden;
        color: var(--colordes);
        font-size: .32rem;
    }
}
.comttext{
    background: var(--themeopacity);
    border-radius: .2133rem;
    padding:0 .32rem ;
    font-size: .3467rem;
    position: relative;
    z-index: 1;
    margin: 0 .4267rem;
    margin-bottom: .2133rem;
    .bt-tex{
        height: 1.0667rem;
        line-height: 1.0667rem;
        overflow: hidden;
        display: flex;
       align-items: center;
       color: var(--theme);
       cursor: pointer;
       span{
        flex: 1;
        overflow: hidden;
       
       }
       .icon{
         cursor: pointer;
         color: var(--theme);
         fill: var(--theme);
       }
    }
    .showtex{
        line-height: 30px;
        display: none;
        background: #EEF2FE;
        border-radius: 0 0 .2133rem .2133rem;
        position: absolute;
        top: 1.0667rem;
        left: 0;
        width: 100%;
        padding: 0 .32rem;
        box-sizing: border-box;
        .bt{
            font-weight: bold;
            font-size: .38rem;
        }
        & > p{
            text-align: right;
            color: #aaa;
            padding-bottom: .2667rem;
            font-size: .2667rem;
        }
        .text{
            padding-top: .2667rem;
           li{
            padding-bottom: .32rem;
            display: flex;
            i{
                display: block;
                width: .4267rem;
                height: .4267rem;
                background: var(--theme);
                border-radius: 50%;
                text-align: center;
                line-height: .4267rem;
                color: #fff;
                margin-right: .32rem;
                font-size: .2667rem;
            }
            p{
                flex: 1;
                overflow: hidden;
                word-wrap: break-word;
                line-height: .4267rem;
                font-size: .3467rem;
            }
           }
        }
       
    }
    &.show{
        border-radius: 8px 8px 0 0;
        .bt-tex .icon{
            transform: rotate(180deg);

        }   
    }
}

.infortext{
    word-break: break-all;
    font-size: .3733rem;
    line-height: .64rem;
   
    padding-top: .2133rem;
    position: relative;
     & > p{
        padding-bottom: .2133rem;
         & > img{
            max-width: 100%;
            border-radius: .2133rem;
            cursor: pointer;
            display: block;
         }
     }
     a{
        color: var(--theme);
     }
     .core-next-img{
        img{
            max-width: 100%;
            border-radius: .2133rem;
            cursor: pointer;  
            margin: 0 auto;
        }
     }
     h3{
        font-weight: bold;
        padding-bottom:.2133rem;
        font-size: .3733rem;

     }
     iframe{
        height: 5rem;
        width: 100%;
        margin-bottom: .2133rem;
     }
}
.context {
    padding: 0 .4267rem;
    .tablis{
        overflow: hidden;
        width: calc(100% + .32rem);
        .tab{
            float: left;
            border: 1px solid #AAAAAA;
            display: block;
            height: .8rem;
            line-height: .8rem;
            border-radius: .8rem;
            padding: 0 .32rem;
            color: var(--colordes);
            margin: .16rem .32rem .16rem 0;
            font-size: .32rem;
            &:active{
                color: #fff;
                background: var(--theme);
                border-color: var(--theme);
            }
        }
    }
    .tips{
        font-size: .2933rem;
        color: #AAAAAA;
        line-height: .3467rem;   
        padding: .32rem .2133rem;
    }
    &.height600{
        .infortext{
            margin-bottom: .32rem;
             overflow: hidden;
             height: 600px;
             &::after{
                width: 100%;
                height: 1.3333rem;
                content: '';
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
                position: absolute;
                left: 0;
                bottom: 0;
             }
        }
    }
}
.link_a{
    padding: .32rem;
    margin: .32rem .2133rem;
    background: var(--themebg);
    display: block;
    font-size: .3467rem;
    line-height: .48rem;
    border-radius: .2133rem;
    &:active{
        color: var(--theme);
        background: var(--themeopacity);
    }
}
.conten-nav{
    background: var(--themebg);
    border-radius: .2133rem;
    padding: 0 .2133rem;
    line-height: .96rem;
    font-size: .3467rem;
    margin: .2133rem 0;
    .bt{
       height: 1.1733rem; 
       line-height: 1.1733rem;
       font-weight: bold;
       border-bottom: 1px solid #ececec;
       font-size: .3733rem;
       padding: 0 .1067rem;
    }
    .bt2{
        height: .96rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 .2133rem;
    }
    ul{
        padding-bottom: .32rem;
        li{
            a{
                display: block;
                padding: 0 .2133rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                border-radius: .16rem;
            }
            &.active,&:active{
                a{
                    background: #fff;
                    color: var(--theme);

                }
            }
        }
    }
}
.swiperswitch{
    .swiper-title{
        height: .6667rem;
        line-height: .6667rem;
        padding: 0 .2133rem;
        padding-top: .2133rem;
        .swiper-slide{
            width: auto;
            color: var(--colordes);
            font-size: .3733rem;
            margin-right: .7467rem;
            position: relative;
            padding-right: .2133rem;
        }
        .swiper-slide-thumb-active{
            color: var(--color);
            font-weight: bold;
            font-size: .4267rem;
            &::after{
                position: absolute;
                right: 0;
                bottom: 0.0533rem;
                width: .2133rem;
                height: .1867rem;
                background: url("../images/mor.png") no-repeat center;
                display: block;
                content: '';
                background-size: 100% auto;

            }
        }
    }
}
.downinfortop{
    padding: .4267rem;
    .item{
        display: flex;
        overflow: hidden;
        .img{
            width: 1.9467rem;
            height: 1.9467rem;
            border-radius: .32rem;
            margin-right: .4267rem;
        }
        .text{
            flex: 1;
            overflow: hidden;
            .h1{
                height: .5333rem;
                line-height: .5333rem;
                font-size: .4533rem;
                padding-top: .0933rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            p{
                padding-top: .2133rem;
                line-height: .3467rem;
                font-size: .2933rem;
                color: var(--colordes);
                overflow: hidden;
            }
        }
    }
    .downbox{
        padding-top: .4267rem;
        a{
            display: block;
            overflow: hidden;
            height: 1.0667rem;
            background: var(--theme);
            line-height: 1.0667rem;
            border-radius: .2133rem;
            text-align: center;
            color: #fff;
            font-size: .3733rem;
        }
    }
}

.swiperjietu {
    position: relative;
    padding: 0 0 0 .4267rem;
    padding-bottom: .2133rem;
   .swiper_wrap { position: relative; margin-right: .4267rem;   }
   .swiper-h{
    margin-right: 0px;
}
   .swiper-h .swiper .img { height: 10.5067rem; }
   .swiper .img { width: 100%; height: 5.3333rem; border-radius: .2133rem; }
   .swiper .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
   .swiper_wrap.theme .swiper { margin-right: 0px; }
   .swiper{
       padding-bottom: .4267rem;
   }
}
.morejieshaotext{
    padding: 0 .2133rem;
    .moregenduo{
        text-align: right; 
        display: none;
    }
}
.moregenduo{
    .more{
        color: var(--theme);
        font-size: 0.3733rem;
        cursor: pointer;
        margin-left: .4rem;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        &.on{
            .icon{
                transform: rotate(180deg);
            }
        }
    }
    .icon{
        width: .3rem;
        height: .3rem;
        fill: var(--theme);
    }
  

}

.layertan_box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1000; width: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.layertan_box .Box { position: absolute; z-index: 5; top:0;bottom: 0; left: 0; right: 0; margin: auto; width: 88%; height: 50vh; border-radius: .2667rem; text-align: center;    background-color: #fff; }
.layertan_box .Box .close { position: absolute;  ; top: 0; right: 0; margin: auto; z-index: 10; width: .9333rem; height:.9333rem; font-size: .9rem; transform: rotate(45deg);text-align: center; line-height: .9rem;}
.layertan_box .Box .Title_bt { position: relative; display: block; text-align: center; padding-top: 0.2rem; height: 1.0667rem; }
.layertan_box .Box .Title_bt p { display: block; font-size: .45rem; color: #000; font-weight: bold; line-height:.9333rem; white-space: nowrap; overflow: hidden; }
.layertan_box .Box .Main_tex { position: relative; display: block; height: 72%; border: none; padding: 0 0rem 0 .4rem; margin-right: .2667rem; line-height: .6rem; font-size: .35rem; color: #454545; border-radius: .1333rem; overflow: hidden; overflow-y: auto; }
.layertan_box .Box .Main_tex > p:nth-of-type(1) { text-align: left; font-size: .36rem; color: #333; font-weight: bold; margin: 0 auto .1333rem; }
.layertan_box .Box .Main_tex p { text-align: left; }
.layertan_box .Box .Main_tex strong { display: block; color: #454545;  ; font-size: .36rem;   text-indent: 0em; text-align: left; }
.layertan_box .Box .btnbox { display: block; border: 0; width: 50%; height: .9333rem; line-height: .9333rem; font-size: .3467rem; color: #fff;  background: linear-gradient(to left, #28c5fe , #4481f4 ); background-color: #ff2741; text-align: center; border-radius: 1.2rem; margin: .3rem auto; }

